<template>
    <div class="more-hint">
        <div id="more-hint">
            <div class="animate__animated animate__fadeOutUp animate__infinite infinite animate__slow"><i class="iconfont icon-xiala"></i></div>
            <h2>上拉查看更多红包</h2>
        </div>
    </div>
</template>

<script>
export default {
    name: "more-hint"
}
</script>

<style scoped lang="less">
    @import "@/theme.less";
    .more-hint{
        position: absolute;
        top:0;
        left:0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.3);
        pointer-events: none;
        #more-hint{
            position: absolute;
            top:50%;
            transform: translateY(-50%);
            width: 100%;
            text-align: center;
            color: #fff;
            i{
                font-size: 70px;
                color: @main-color1;
            }
            h2{
                margin-top: 20px;
            }
        }
    }
</style>
